<!DOCTYPE html>
<html>
	<head>
		<!--<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>-->
		<script src="jquery-1.11.1.min.js"></script>
		<script src="robot.js"> </script>
		<title>Controller</title>
	</head>
	<body>
		<div>
			<p>hide part</p>
		</div>
		<div>
			<button id="forward" type="button">w</button>
			<br/>
			<button id="reverse" type="button">s</button>
			<br/>
		</div>
		<div>
			<form action="/robot/" method="get">
				<input type="text" value="w" hidden="true" name="ctrl">
				<input type="submit" value="forward">
			</form>
			<form action="/robot/" method="get">
				<input type="text" value="s" hidden="true" name="ctrl">
				<input type="submit" value="back">
			</form>
			<form action="/robot/" method="get">
				<input type="text" value="p" hidden="true" name="ctrl">
				<input type="submit" value="Stop">
			</form>
		</div>
	</body>
</html>